<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="layui/css/layui.css">
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script src="layui/layui.js" charset="utf-8"></script>
<title>电子银行——》消费账户</title>
<script>
layui.use(['laypage', 'layer'], function(){
  var laypage = layui.laypage
  ,layer = layui.layer;
  
  //完整功能
  laypage.render({
    elem: 'demo7'
    ,count:${pageInfo.total }//数据总数
    ,limit:${pageInfo.pageSize }//每页显示的条数
    ,groups:5//连续出现的页码个数
    ,curr:${pageInfo.pageNum }
    ,limits:[5,10,20,50]
    ,layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
    ,jump: function(obj,first){
    	 if(!first){
    		 location.href = 'bank4_1.do?pageNum='+obj.curr+'&pageSize='+obj.limit;
    	    }
    }
  });
  
});

</script>
<script type="text/javascript">
function gotobank2_1(data1,data2){
	window.localhost.href="bank4_1.do?pageNum="+data1+"&pageSize="+data2;
}
</script>
</head>

<body class="layui-layout-body">

	<table class="layui-table" lay-even="" lay-skin="row">
		<colgroup>
			<col width="150">
			<col width="150">
			<col width="200">
			<col>
		</colgroup>
		<thead>
			<tr>
				<th>订单号</th>
				<th>日期</th>
				<th>时间</th>
				<th>摘要</th>
				<th>入账金额（元）</th>
				<th>出账金额（元）</th>
				<th>操作后余额（元）</th>
			</tr>
		</thead>
		<tbody>

			<c:forEach items="${pageInfo.list}" var="p">
				<tr>
					<td>${p.bid}</td>
					<td><fmt:formatDate value="${p.date }" type="date"
							pattern="yyyy-MM-dd" /></td>
					<td><fmt:formatDate value="${p.date }" type="date"
							pattern="HH:mm:ss" /></td>
					<td>${p.keywords }</td>
					<td>${p.moneyin==null?0:p.moneyin }</td>
					<td>${p.moneyout==null?0:p.moneyout }</td>
					<td>${p.moneynow }</td>
				</tr>
			</c:forEach>
		</tbody>
	</table>
	<br>
	<div id="demo7"></div>

</body>
</html>